<template>
    <div>
        <h1>Music</h1>
        <ul>
            <li v-for='item,index in list' :key='index'>{{item}}</li>
        </ul>
    </div>
</template>

<script>
export default {
    name:'Music',
    computed:{
        list(){
            switch(this.$route.params.id){
                case '1':
                    return ['华语1','华语2','华语3'];
                case '2':
                    return ['粤语1','粤语2','粤语3'];
                case '3':
                    return ['yingy1','yingy2','yingy3'];
                default:
                    return []
            }
        }
    }
}
</script>

<style>

</style>